﻿@{
    ViewBag.Title = "Settings";
}

<div class="col-lg-3">
    <ul class="list-group">
        <a href="#" class="list-group-item ">
            <span class="glyphicon glyphicon-calendar"></span>
            <strong class="list-group-item-heading">General</strong>
            <p class="list-group-item-text">All file in personal storage</p>
        </a>
        <a href="#" class="list-group-item active">
            <i class="fa fa-gears"></i>
            <strong class="list-group-item-heading">Social connections</strong>
            <p class="list-group-item-text">Temporary deleted files</p>
        </a>
        <a href="#" class="list-group-item " data-toggle="modal" data-target="#shareTab">
            <i class="fa fa-cloud-download"></i>
            <strong class="list-group-item-heading">Import files</strong>
            <p class="list-group-item-text">Share with me by other users</p>
        </a>
        <a href="#" class="list-group-item " data-toggle="modal" data-target="#shareTab">
            <i class="fa fa-bar-chart-o"></i>
            <strong class="list-group-item-heading">Statistic</strong>
            <p class="list-group-item-text">Share with me by other users</p>
        </a>
        <a href="#" class="list-group-item " data-toggle="modal" data-target="#shareTab">
            <i class="fa fa-briefcase"></i>
            <strong class="list-group-item-heading">Profile</strong>
            <p class="list-group-item-text">Share with me by other users</p>
        </a>
    </ul>
</div>
<div class="col-sm-9" style="border-left: 1px solid #eee">
    <form class="form-horizontal" role="form">
        <h3>{General Information}</h3>
        <p>{description of the above title}</p>
        <div class="form-group col-sm-10">
            <label class="control-label col-sm-3">Tên đăng nhập</label>
            <div class="col-sm-6">
                <input type="text" class="form-control input-sm " data-bind="value: email" placeholder="Địa chỉ email nafosted@most.gov.vn">
            </div>
        </div>
        <div class="form-group col-sm-10">
            <label class="control-label col-sm-3">First</label>
            <div class="col-sm-6">
                <input type="text" class="form-control input-sm " data-bind="value: email" placeholder="Địa chỉ email nafosted@most.gov.vn">
            </div>
        </div>
        <div class="form-group col-sm-10">
            <label class="control-label col-sm-3">Lastname</label>
            <div class="col-sm-6">
                <input type="text" class="form-control input-sm " data-bind="value: email" placeholder="Địa chỉ email nafosted@most.gov.vn">
            </div>
        </div>
        <div class="col-sm-10">
            <hr />
        </div>
        <div class="form-group col-sm-10">
            <label class="control-label col-sm-3">Language</label>
            <div class=" input-group-sm col-sm-4">
                <select class="form-control">
                    <option>Male</option>
                    <option>Female</option>
                    <option>Other</option>
                    <option>5</option>
                </select>
            </div>
        </div>
        <div class="form-group col-sm-10 ">
            <label class="control-label col-sm-3">Country</label>
            <div class="input-group-sm col-sm-4">
                <select class="form-control">
                    <option>Vietnam</option>
                    <option>Female</option>
                    <option>Other</option>
                    <option>5</option>
                </select>
            </div>
        </div>
        <div class="col-sm-10">
            <hr />
        </div>
        <div class="form-group col-sm-10">
            <label class="control-label col-sm-3">Cài đặt tài khoản</label>
            <div class="col-sm-6">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="" checked="checked" />Tôi đồng ý với Điều khoản dịch vụ và Chính sách bảo mật của Nafosted
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="" checked="checked" />Tôi đồng ý với Điều khoản dịch vụ và Chính sách bảo mật của Nafosted
                    </label>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="" checked="checked" />Tôi đồng ý với Điều khoản dịch vụ và Chính sách bảo mật của Nafosted
                    </label>
                </div>
            </div>
        </div>

        <div class="form-group  col-sm-10">
            <label class="control-label col-sm-3"></label>
            <div class="input-group-sm col-sm-4">
                <button type="button" class="btn btn-primary btn-sm">Save changes</button>
            </div>
        </div>

    </form>
</div>
<style>
    .list-group-item-text {
    }
</style>
